<template>
	<view>

		<view class="margin-sm">
			<view class=" padding-sm radius bg-pink">
				<p>
					1、下单后 点击开门即可
				</p>
				<p>
					1、下单后 点击开门即可
				</p>
				<p>
					1、下单后 点击开门即可
				</p>
				<p>
					1、下单后 点击开门即可
				</p>
			</view>
			<view class="bg-white radius padding-sm margin-top-sm" style="display: flex;">

				<view class="" style="width: 600rpx;">
					<view class="font-34rpx font-title ">
						发送到发送到发生
					</view>
					<view class="font-12 font-content margin-top-xs">
						<uni-icons type="location-filled"></uni-icons>定位定位定位定位定位定位定位定位定位定位
					</view>
					<view class="font-12 font-content margin-top-xs">
						房间房间房间房间房间
					</view>
				</view>
				<!-- 距离 -->
				<view class="">
					<view class="">
						距离

					</view>
					<view class="">

						100米
					</view>
				</view>
			</view>



			<view class="menu-list bg-white radius  margin-top-sm">
				<view class="list-cell radius" @click="">
					<view class="menu-item-box">
						<view>开始时间</view>
						<view class="text-right">2022-10-20</view>
					</view>
				</view>
				<view class="list-cell radius" @click="">
					<view class="menu-item-box">

						<view>结束时间</view>
						<view class="text-right">2022-10-20</view>
					</view>
				</view>
				<view class="list-cell radius" @click="">
					<view class="menu-item-box">
						<view>共计时长</view>
						<view class="text-right">2小时</view>
					</view>
				</view>
			</view>

			<!-- 使用劵 -->
			<view class="menu-list bg-white radius  margin-top-sm">
				<view class="list-cell radius" @click="">
					<view class="menu-item-box">
						<view>订单金额</view>
						<view class="text-right font-34rpx" style="color: #ff6145;font-weight: bold;">0元</view>
					</view>
				</view>
				<view class="list-cell radius" @click="signDiscountCoupons">
					<view class="menu-item-box">
						<view>优惠劵/验卷</view>

						<view class="text-right" style="display: flex;">
							<text style="color: #ff6145;">-110</text>
							<view class="cuIcon-right margin-left-xs"></view>
						</view>
					</view>
				</view>
				<view class="list-cell radius" @click="">
					<view class="menu-item-box">

						<view>余额支付</view>
						<view class="text-right">2022-10-20</view>
					</view>
				</view>
				<view class="list-cell radius" @click="">
					<view class="menu-item-box">
						<view>微信支付</view>
						<view class="text-right">2小时</view>
					</view>
				</view>
			</view>


			<view class="menu-list  radius  margin-top-sm padding-sm juzhong font-content" @click="call">
				有疑问请联系商家<view class="cuIcon-phone"></view>
			</view>


			<uni-section title="为您推荐套餐" type="circle" class="bg-white radius ">
				<view class="padding-sm">123</view>
			</uni-section>
		</view>
		<view style="width: 100%;position: fixed;bottom: 0px;background-color: #fff;padding: 20rpx;" class="d3d">
			<view style="display: flex;">
				<view style="width: 600rpx;">
					<view class="font-34rpx" style="color: #ff6145;">共计:1000元</view>
					<view class="font-content">时长:4小时</view>
				</view>
				<button @click="addCommunication" class="login-btn cu-btn block bg-pink lg round " style="width: 100%;">
					确认预约
				</button>
			</view>

		</view>

		<signDiscountCoupons ref="signDiscountCoupons"></signDiscountCoupons>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			call() {

			},
			signDiscountCoupons() {
				this.$refs.signDiscountCoupons.open()
			}
		}
	}
</script>

<style>

</style>